<template>
  <div class="not-find">
    <div class="not-div">
      <div class="tit-message">
        很抱歉，你访问的页面地址有误，或者该页面不存在
        <el-button type="primary" class="back-btn" @click="goback"
          >返回登录页</el-button
        >
      </div>
      <div></div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'test',
  methods: {
    goback () {
      this.$store.commit('SET_MENUACTIVE', {})
      this.$router.push('/')
    }
  }
}
</script>
<style lang="scss" scoped>
.not-find {
  width: 100%;
  height: 100%;
  .not-div {
    width: 100%;
    height: 100%;
    position: relative;
    // position: absolute;
    // top: 10px;
    // left: 10px;
    background-image: url('../assets/img/default/404.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    .tit-message {
      font-family: SourceHanSansCN-Normal;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      color: #555555;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 57%;
      position: relative;
      flex-direction: column;
      .back-btn {
        margin-top: 10px;
        padding: 0px 20px;
      }
    }
  }
}
</style>
